/*
Theme Name: Tema generico
Author: ElevationWeb
Description:
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


html {
	font-family: "Lato", sans-serif;
	font-weight: 400;
}

body {
	padding: 0px;
	margin: 0px;
}


/* Testi */

.b100 {
	font-weight: 100;
}
.b300 {
	font-weight: 300;
}
.b400 {
	font-weight: 400;
}
.b700 {
	font-weight: 700;
}
.b900 {
	font-weight: 900;
}
.italic {
	font-style: italic;
}
.maiuscolo {
	text-transform: uppercase;
}




/* Barra rossa */
.bar {
  --cazzaro-bar-color: #C41A1D;
  --cazzaro-bar-w: 65%;
  --cazzaro-bar-h: clamp(3px, .8vw, 6px);
  --cazzaro-bar-mt: 5%;
  --cazzaro-bar-mb: 3%;
  display: block;
  width: var(--cazzaro-bar-w);
  max-width: 100%;
  height: var(--cazzaro-bar-h);
  margin: var(--cazzaro-bar-mt) 0 var(--cazzaro-bar-mb);
  background: var(--cazzaro-bar-color);
}
@media (max-width: 1024px) {
  .bar {
    --cazzaro-bar-w: 60%;
    --cazzaro-bar-mt: 4%;
    --cazzaro-bar-mb: 4%;
  }
}
@media (max-width: 767px) {
  .bar {
    --cazzaro-bar-w: 80%;
    --cazzaro-bar-mt: 6%;
    --cazzaro-bar-mb: 6%;
  }
}
/* Fine barra rossa */
/* Hero pagine cazzaro responsive */
.cazzaro-hero {
  --cazzaro-notch-w: clamp(64px, 16.33vw, 320px);
  --cazzaro-notch-h: calc(var(--cazzaro-notch-w) * 1.1459);
  position: relative;
  width: 100%;
  min-height: clamp(340px, 65vh, 960px);
  min-height: clamp(340px, 65svh, 960px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  isolation: isolate;
}
.cazzaro-hero__media {
  position: absolute;
  inset: 0;
  -webkit-mask-image:
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.1 224.7' preserveAspectRatio='none'%3E%3Cpath d='M0 224.7C35.6 224.6 73 209.1 94.8 171C122.8 122 152.6 74 181.6 25.5C186.6 17.1 191.4 8.6 196.1 0L0 0Z'/%3E%3C/svg%3E");
  mask-image:
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.1 224.7' preserveAspectRatio='none'%3E%3Cpath d='M0 224.7C35.6 224.6 73 209.1 94.8 171C122.8 122 152.6 74 181.6 25.5C186.6 17.1 191.4 8.6 196.1 0L0 0Z'/%3E%3C/svg%3E");
  -webkit-mask-size:
    100% calc(100% - var(--cazzaro-notch-h) + 1px),
    calc(100% - var(--cazzaro-notch-w) + 1px) 100%,
    var(--cazzaro-notch-w) var(--cazzaro-notch-h);
  mask-size:
    100% calc(100% - var(--cazzaro-notch-h) + 1px),
    calc(100% - var(--cazzaro-notch-w) + 1px) 100%,
    var(--cazzaro-notch-w) var(--cazzaro-notch-h);
  -webkit-mask-position: left top, left top, right bottom;
  mask-position: left top, left top, right bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.cazzaro-hero__image {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.cazzaro-hero__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.18);
  opacity: 0;
  will-change: transform, opacity;
  transition:
    opacity 1s cubic-bezier(.16,1,.3,1),
    transform 1.6s cubic-bezier(.16,1,.3,1);
}
.cazzaro-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: rgba(100,100,100,.6);
  mix-blend-mode: multiply;
}
.cazzaro-hero__content {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 960px;
  padding: clamp(24px, 5vw, 80px) clamp(20px, 5vw, 64px);
  box-sizing: border-box;
  text-align: center;
  color: #fff;
}
.cazzaro-hero.is-visible .cazzaro-hero__image img {
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .cazzaro-hero__image img {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* Fine hero responsive */
/* Elementi split sx e dx */
.cazzaro-split {
  --cazzaro-split-gap: clamp(24px, 5vw, 80px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.cazzaro-split--sx-su-1 {
  --cazzaro-ratio: 785.8 / 316.4;
  --cazzaro-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 785.8 316.4'%3E%3Cpath d='M0,316.4h512.9c48.5-.2,99.4-21.3,129-73.1,38.2-66.7,78.7-132.1,118.1-198.1,8.9-14.9,17.2-30.1,25.7-45.1-19.8,9.4-40.2,10.5-61,10.5C571.2,10.4,0,11,0,11v305.3Z'/%3E%3C/svg%3E");
}
.cazzaro-split--dx-giu-1 {
  --cazzaro-ratio: 669.9 / 316.4;
  --cazzaro-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 669.9 316.4'%3E%3Cpath d='M669.9,0h-397.1c-48.5.2-99.4,21.3-129,73.1-38.2,66.7-78.7,132.1-118.1,198.1-8.9,14.9-17.2,30.1-25.7,45.1,19.8-9.4,40.2-10.5,61-10.5,153.6.1,608.9-.6,608.9-.6V0Z'/%3E%3C/svg%3E");
  direction: rtl;
}
.cazzaro-split__media {
  direction: ltr;
  aspect-ratio: var(--cazzaro-ratio);
  overflow: hidden;
  -webkit-mask-image: var(--cazzaro-shape);
  mask-image: var(--cazzaro-shape);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.splitmediasx {
	margin-right: 15px;
	margin-bottom: 25px;
	margin-top: 25px;
}
.splitmediadx {
	margin-left: 15px;
	margin-bottom: 25px;
	margin-top: 25px;
}
.cazzaro-split__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.18);
  opacity: 0;
  will-change: transform, opacity;
  transition:
    opacity 1s cubic-bezier(.16,1,.3,1),
    transform 1.6s cubic-bezier(.16,1,.3,1);
}

.cazzaro-split__content {
  direction: ltr;
  box-sizing: border-box;
  padding: clamp(24px, 4vw, 64px) var(--cazzaro-split-gap);
}

.cazzaro-split.is-visible .cazzaro-split__media img {
  opacity: 1;
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .cazzaro-split__media img {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* Fine elementi sx e dx split */